<!--
 * @Author: wangyu
 * @Date: 2024-12-25 22:02:23
 * @LastEditTime: 2024-12-25 23:51:17
 * @LastEditors: wangyu
 * @Description: 园区介绍
 * @FilePath: \dzsq-smartpark-platform\src\views\overview\components\introduce.vue
-->
<template>
  <comHeaer title="园区介绍"></comHeaer>
  <div class="content">
    <div class="content-count">
      <div>
        总面积（公顷）
        <div class="content-count-num">11300.26</div>
      </div>
      <div>
        已招商面积（公顷）
        <div class="content-count-num">5436.15</div>
      </div>
      <div>
        空置（公顷）
        <div class="content-count-num">5864.11</div>
      </div>
    </div>
    <div class="content-video">
      <img src="@/assets/imgs/image_01.png" />
      <div class="content-video-name">大足经开区电子信息产业园</div>
    </div>
    <div class="content-info">
      <div>
        重庆市双桥经开区电子信息产业园位于重庆市重庆市大足区（重庆市大足区通桥街道天星大道7号双桥工业园区），占地面积约161亩，截止目前园区内共有企业179家。重庆市双桥经开区电子信息产业园内企业有19.6%分布在商务服务业，10.6%分布在专业技术服务业。
      </div>
      <div>
        经开区电子信息产业园已签约入驻企业35家，代表企业有渝瑞、久坤、金普盛、昕铭亚等，年租金收入1500万元，电子信息产业园入驻企业年产值达86亿元，年纳税约1亿元。经开区电子信息产业园由经开区开投集团于2011年投资修建，占地面积248亩，建筑面积25.8万平方米，包括办公楼、标准厂房、食堂、宿舍以及配套用房。
      </div>
      <div>
        2012年一期厂房正式投用，2018年二期厂房正式投用。通过招商陆续引进了盛泰科技股份有限公司、重庆久坤电子有限公司、重庆昕铭亚科技有限公司等电子企业。如今，盛泰光电已独立建厂，正在打造百亿级光电集群，成为经开区标杆企业。
      </div>
    </div>
  </div>
</template>

<script setup>
import comHeaer from "../../components/comHeader/index.vue";
</script>
<style scoped lang="scss">
.content {
  display: flex;
  padding: 16px 16px;
  flex-direction: column;
  &-count {
    display: flex;
    align-items: center;
    text-align: center;
    > div {
      position: relative;
      font-size: 16px;
      flex: 1;
      &::after {
        content: "";
        position: absolute;
        height: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        background-color: #65b8f8;
        right: 0;
      }
      &:last-child {
        &::after {
          width: 0;
        }
        .content-count-num {
          color: #f8bb65;
        }
      }
    }
    &-num {
      color: #65b8f8;
      font-weight: bold;
      margin-top: 16px;
    }
  }
  &-video {
    position: relative;
    display: inline-block;
    width: 65%;
    margin: 16px auto;
    text-align: center;
    > img {
      width: 100%;
      cursor: pointer;
    }
    &-name {
      position: absolute;
      padding: 10px;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(18, 72, 129, 0.9);
    }
  }
  &-info {
    text-indent: 2em;
    padding: 0 16px;
    overflow-y: auto;
    text-align: left;
  }
}
</style>
